<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><include file="./Application/Home/View/Common/title_prefix_text.html"/>我的收藏</title>
    <include file="./Application/Home/View/Common/head_meta.html"/>
    <link rel="stylesheet" href="__RESPATH__/css/common.css">
    <link rel="stylesheet" href="__RESPATH__/css/individual/my_collection.css">
</head>
<body>
    <div class="wrap">
        <!-- 页面头部 -->
        <include file="./Application/Home/View/Common/backup/header_nav.html"/>
        <!-- 页面主体 -->
        <div class="main">
            <!-- 左侧主菜单导航 -->
            <include file="./Application/Home/View/Common/backup/nav.html" />
            <!-- 右侧导航内容 -->
            <div class="main_left">
                <p class="headline pull-left">收藏</p>
                <button class="pull-right picture_batch hide" data-manager="false">批量管理</button>
                <div class="search pull-right">
                    <input id="search_text" class="search_input bs_1" type="text" placeholder="输入标题/标签"/>                
                    <span class="glyphicon glyphicon-search search_btn"></span>
                </div>
                <ul class="nav_box">
                    <li>文章<span>0</span></li>
                    <li>图片</li>
                </ul>
                <div class="tab-content collection">
                    <div class="tab-pane fade in active" id="article">
                        <div class="article-tag">
                            <div class="pull-left"></div>
                            <p class="group_manage green pull-left" data-toggle="modal" data-target="#group_manage"><span class="iconfont icon-fenlei"></span>&nbsp;管理分组</p>
                            <button class="pull-right batch">批量管理</button>
                        </div>
                        <div class="filter_selection">
                            <div class="filter-btn"><span class="glyphicon glyphicon-filter"></span>&nbsp;<span>展开筛选</span></div>
                            <div class="filter-select">
                                <select name="source" class="selectpicker" data-width="73px">
                                    <option value="" style="display:none">来源</option>
                                    <option value="">全部</option>
                                    <option value="bigwe.com">微知</option>
                                    <option value="mp.weixin.qq.com">微信</option>
                                    <option value="toutiao.com">头条</option>
                                    <option value="news.163.com">网易</option>
                                <option value="news.sina.com.cn">新浪</option>
                                    <option value="ifeng.com">凤凰网</option>
                                </select>
                                <select name="cs" class="selectpicker" data-width= "86px">
                                    <option value="" style="display:none">是否原创</option>
                                    <option value="">全部</option>
                                    <option value="1">原创</option>
                                    <option value="0">非原创</option>
                                </select>
                            </div>
                            <div>共有<span class="green total_number">0</span>篇文章</div>
                        </div>
                        <div class="batch-selection">
                            <label><input type="checkbox" name="all"><span class="green">全选</span> - <span class="green bat_check">无</span></label>
                            <button class="batch-del" disabled>删除</button>
                            <button class="batch-grouping" type="button" disabled>移动到分组</button>
                        </div>
                        <div class="content_list article_list"></div>
                        <div class="paging"></div>
                    </div>
                    <div class="tab-pane fade" id="picture">
                        <div class="tool_s">
                            <div class="pull-left altogether">共<span class="green total_number">0</span>张图片</div>
                            <div class="pull-left choice_num hide">点击选择要批量操作的图片<!-- 已选<span class="green total_number">0</span>张 --></div>
                            <div class="article_grouping pull-right">
                                <div class="group_list">
                                    <span class="green">全部</span>
                                </div>
                                <select class="selectpicker pull-left group_more hide" data-width="95px">
                                    <option value="" style="display:none;">更多分组</option>
                                </select>
                                <p class="group_manage green pull-left" data-toggle="modal" data-target="#group_manage1"><span class="iconfont icon-fenzu"></span>&nbsp;管理分组</p>
                            </div>
                            <div class="action_btn pull-right hide">
                                <button type="button" class="btn btn-default action_group" disabled>移动到分组</button>
                                <button type="button" class="btn btn-default action_delete" disabled>取消收藏</button>
                            </div>
                        </div>
                        <div class="content_list picture_list"></div>
                        <div class="paging"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 页面尾部 -->
        <include file="./Application/Home/View/Common/footer.html" />
    </div>
    <!--和合并器-->
    <include file="./Application/Home/View/Common/backup/aside_combiner.html" />
    <!-- 分组管理 -->
    <include file="./Application/Home/View/Common/backup/usergroup_manage.html" />
    <!-- 图片预览 -->
    <include file="./Application/Home/View/Common/backup/util_picture_browser.html"/>
    <script src="__RESPATH__/js/libs/require.js" data-main="__RESPATH__/js/my_collectionController"></script>
</body>
</html>